{% extends 'card.html' %}

{% block card_head %}
   <h3 class="card-title"><a href="#">xwj</a>:title</h3>
   <div class="card-tools"><span class="badge badge-secondary">学生</span><span class="badge badge-danger">交友</span><span class="badge badge-primary">2023-10-01</span></div>
{% endblock %}

{% block card_body %}
    <p>This is the content of the post. You can add any text, images, or other media here.</p>
{% endblock %}

{% block card_footer %}
    <button class="btn btn-primary"><i class="fas fa-thumbs-up"></i>点赞</button>
    <button class="btn btn-default" data-toggle="collapse" data-target="#commentsCollapse"><i class="fas fa-comments"></i>评论</button>
    <button class="btn btn-default" data-toggle="collapse" data-target="#commentsCollapse1"><i class="fas fa-image"></i>配图</button>
{% endblock %}

{% block after_card_footer %}
        <div class="collapse" id="commentsCollapse">
        <div class="card-body"><h5>评论</h5>fdasfa</div>
    </div>

    <div class="collapse" id="commentsCollapse1">
        <div class="card-body"><h5>配图</h5><img src="#" alt="User Icon" width="250px" height="250px"></div>
    </div>
{% endblock %}
